<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>收藏/关注</title>
    <link rel="stylesheet" type="text/css" href="/ui/css/Hui.css" />
	<script type="text/javascript" src="/ui/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="/ui/layer/mobile/layer.js"></script>  	
    <style type="text/css">
    .H-theme-background-color9 {
    background-color: #ffffff;
}
.H-theme-font-color-white {
    color: black;
}
.H-theme-border-color9 {
    border: 1px solid #ffa200;
}
.H-theme-font-color9 {
    color: #ffa200;
}
    button {
    background: #cccccc00;
    border-radius: 7px;
    border: 1px solid #828282;
    margin: 11px;
    font-size: 12px;
    width: 55px;
}
:focus {
    border-color: #ffa200;
    border-radius: 5px;
    outline: none;
    color:  #ffa200;
}
    </style>
</head>
<body id="body">
    <header class="H-header H-theme-background-color9" id="header">
        <span tapmode="" onclick="H.openWin('my', 'my.php');" class="H-icon H-position-relative H-display-inline-block H-float-left H-vertical-middle H-theme-font-color-white H-padding-horizontal-left-5 H-z-index-100"><i class="H-iconfont H-icon-arrow-left H-font-size-18 H-vertical-middle"></i><label class="H-display-block H-vertical-middle H-font-size-15">返回</label></span>
        <div class="H-header-title H-center-all H-font-size-18 H-text-show-row-1 H-theme-font-color-white H-position-absolute H-width-100-percent">
           收藏/关注
        </div>
        <div class="H-flexbox-horizontal H-theme-background-color-white" id="tag">
            <div tapmode="" onclick="H.openWin('mymiquan', 'mymiquan.php');"  class="H-flex-item H-center-all H-theme-font-color-666 H-padding-vertical-both-10 H-theme-border-color-white  H-font-size-16" style="border-width: 0 0 2px  0">
                蜜圈
            </div>
           <div tapmode="" onclick="H.openWin('mycommodity', 'mycommodity.php');" class="H-flex-item H-center-all H-theme-font-color-666 H-padding-vertical-both-10 H-theme-border-color-white  H-font-size-16 H-theme-border-color-52ace5 H-theme-font-color-52ace5 H-theme-border-color9 H-theme-font-color9" style="border-width: 0 0 2px  0">
                技能
            </div>
        </div>
    </header>
    <div id="lis" class="H-padding-8">


        
    </div>
    <script type="text/javascript" src="/ui/script/H.js"></script>
	
		<script>
	var pagess='1';  
	
    var uid='<?=$_COOKIE['userid']?>';
              $.ajax({
                    type: "GET",
                    url: "/api/muyin/api.php?s=skill.get_skill_collect_list",
                    data: {
                    page:pagess,
					uid:uid
                    },
                    dataType: 'json',
                    success: function (data) {
                        var information = $("#lis");
                        var html = '';
                       data=data.data;
					   
					   if(data==""){
						  
						 information.append('暂无技能信息！');  
						  
					  }
					   
                        for (var i = 0; i < data.length; i++) {
							var pics=data[i].pics;
							var pics1=pics.split(',');	
                html += '<div onclick="tiao('+data[i].article_id+')" id="list1" class="H-border-radius3-px H-theme-background-color-white H-margin-vertical-bottom-5 '
				+'H-border-vertical-both-after H-border-horizontal-both-after">'   
           +' <div class="H-flexbox-horizontal H-theme-background-color-white H-border-vertical-bottom-after">'
               + '<div class="H-padding-vertical-both-10">'
                   +' <img src="'+pics1[0]+'" srcs="" alt="" title="" class="imgCache H-display-block '
				  + 'H-margin-horizontal-left-10" style="width: 60px; height: 60px;" />'
               + '</div>'
                +'<div class="H-flex-item H-padding-10">'
                    +'<strong class="H-font-weight-normal font-weight-500 H-font-size-16 H-display-block'
					+'H-text-show-row-1">'+data[i].title+'</strong>'
                    +'<div class="H-font-size-12 H-theme-font-color-999 H-text-show-row-1">'+data[i].timestamp+'</div>' 
               +'<div style="float: right;"><button onclick="del('+data[i].article_id+')">删除</button></div></div></div></div>'


            }

    information.append(html);

            }
        
                    
                });
				
			function del(a){
			var delid=a;	
				
			              $.ajax({
                    type: "POST",
                    url: "/api/muyin/api.php?s=skill.cancel_skill_collect",
                    data: {
                    article_id:delid,
					uid:uid
                    },
                    dataType: 'json',
                    success: function (data) {
						 var JSON = eval(data); 
					 code=JSON.code;
					
					if(code==0){
						
					  layer.open({
    content: '删除成功'
    ,btn: ['知道了']
    ,yes: function(index){
      location.reload();
      layer.close(index);
    }
  });	
							
					}
	
					}
			
				  });
			}	
	

function tiao(v){

window.location.href="jinengxq.php?id="+v;


	
}


	
				
	</script>
	
    
</body>
</html>